﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        svg[data-icon=file] {
            display: none
        }
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }
        .ooo table {
            width: 100%;
            border-collapse: collapse; /*关键代码*/
            border-spacing: 0;
        }

        .ooo td {
            border-bottom: 1px solid #333;
            border-right: 1px solid #333;
            text-align: center
        }
        .stable {
            border-collapse: collapse; /* 折叠边框，使之变为单一线划分 */
            border: 1px solid #e1e5ea; /* 设置表格、表头、单元格边框 */
            width: 100%;
            max-height: 800px;
            overflow-y: scroll;
        }

            .stable th {
                background: #f2f6f9;
                font-size: 14px;
                font-weight: 600;
            }

            .stable th, .stable td {
                border: 1px solid #e1e5ea; /* 设置表格、表头、单元格边框 */
                text-align: center;
                height: 48px;
            }


        .iTitle {
            font-weight: 600;
            font-size: 16px;
            display: flex;
            width: 100%;
            align-items: center;
            margin-left: 20px;
        }

            .iTitle::before {
                content: "";
                display: inline-block;
                width: 4px;
                margin-right: 10px;
                height: 20px;
                background: #0064e5;
            }

        .ant-modal-close{
           position:absolute;
           right:20px;
        }
    </style>
}
<div id="PerformanceTemplateSetting" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">
            <header class="px-5 box-border">
                <div class="flex items-center">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformanceTemplateSettingParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">模板设置</span> </span>  </div>
                </div>

                <a-modal v-model:open="PerformanceTemplateSettingParams.templateOpen.value" width="80%" :title="`${PerformanceTemplateSettingParams.queryParams.value.year}年度 ${PerformanceTemplateSettingParams.tabList.value.find(e=>e.value==PerformanceTemplateSettingParams.cIndex.value).label}  模版预览`" v-on:ok="PerformanceTemplateSettingParams.handleTemplate">
                    <div v-if="PerformanceTemplateSettingParams.cDateIndex.value==1" class="ooo  w-full max-h-[600px] my-20 bg-white overflow-scroll">
                        <div style="border-top: 1px solid #333;  border-left: 1px solid #333">

                            <table v-for="(e,i) in PerformanceTemplateSettingParams.list.value">
                                <tr v-if="i==0">
                                    <td>一级指标</td>
                                    <td>
                                        <table style="border:0px solid red">
                                            <tr style="border:0px solid red">
                                                <td class="w-[50px] h-[38px]">二级指标</td>
                                                <td class="w-[500px] h-[38px]">
                                                    <div class="flex" style="height:100%">
                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核内容</div>
                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">备查/佐证资料</div>
                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核方式</div>
                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">自扣分</div>
                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">自评情况/资料说明</div>
                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评扣分</div>
                                                        <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; ">考评情况</div>
                                                    </div>
                                                </td>

                                            </tr>
                                        </table>

                                    </td>

                                </tr>
                                <tr v-for="(es,ei) in e.NodeList">

                                    <td class="w-[30px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}}  {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                    <td class="w-[300px] ">



                                        <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                            <table>
                                                <tr v-for="(ess,iss) in es.NodeList">
                                                    <td class="w-[50px] h-[88px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}{{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                    <td class="w-[500px] h-[88px]">
                                                        <div class="flex" style="height: 100%;">
                                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box">{{ess.No}}.{{ess.CheckContent}}{{ess.Score==0?null:`(${ess.Score}分)`}}</div>
                                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.Evidences}}</div>
                                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.MethodType}}</div>


                                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                            </div>
                                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box "></div>
                                                            <div style=" flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box "></div>
                                                            <div style="flex: 1;  display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box "></div>

                                                        </div>
                                                    </td>
                                                </tr>

                                            </table>
                                        </template>

                                    </td>
                                </tr>
                            </table>
                        </div>








                    </div>

                    <div v-else class="ooo  w-full max-h-[580px] my-20 bg-white overflow-scroll">
                        <div style="border-top: 1px solid #333;  border-left: 1px solid #333">
                            <table v-for="(e,i) in PerformanceTemplateSettingParams.list.value">
                                <tr v-if="i==0">
                                    <td>一级指标</td>
                                    <td>权重</td>
                                    <td class="w-[500px] h-[38px]">
                                        <div class="flex" style="height:100%">
                                            <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">二级指标</div>
                                            <div style="height: 100%; width: 200px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">分值</div>


                                        </div>
                                    </td>

                                </tr>
                                <tr v-for="(es,ei) in e.NodeList">

                                    <td class="w-[80px]" v-if="ei==0" :rowspan="e.NodeList.length">
                                        {{e.No}}.{{e.CategoryName}}
                                    </td>
                                    <td class="w-[30px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.Score==0?null:`(${e.Score}分)`}}</td>
                                    <td class="w-[500px] h-[88px]">
                                        <div class="flex" style="height: 100%;">
                                            <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box">{{es.SubcategoryName}}</div>
                                            <div style="width:200px; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{es.Score==0?null:`(${es.Score}分)`}}</div>




                                        </div>
                                    </td>
                                </tr>
                            </table>


                        </div>








                    </div>
                </a-modal>


                <a-tabs style="height:100%;width:100%;padding:0 30px;box-sizing:border-box" v-on:change="PerformanceTemplateSettingParams.tabTypeClick" v-model:active-key="PerformanceTemplateSettingParams.cDateIndex.value" class="w-full  h-[48px] text-[13px] rounded-lg  bg-white">
                    <a-tab-pane v-for="(e,i) in PerformanceTemplateSettingParams.dateTypeList.value" :key="e.value" :tab="e.label">
                        <div v-if="PerformanceTemplateSettingParams.cDateIndex.value==0" class="w-full h-min-[108px] bg-white py-8">
                            @*<div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>*@
                            @*<a-row>
                        <a-form layout="inline"
                                :model="PerformanceTemplateSettingParams.queryParams.value">
                            <a-form-item label="年份">
                                <a-select v-model:value="PerformanceTemplateSettingParams.queryParams.value.year"
                                          style="width:253px">
                                    <a-select-option v-for="e in PerformanceTemplateSettingParams.yearList.value" :value="e.value">{{e.label}}</a-select-option>

                                </a-select>
                            </a-form-item>
                            <a-form-item label="月份">
                                <a-select v-model:value="PerformanceTemplateSettingParams.queryParams.value.month"
                                          style="width:253px">
                                    <a-select-option v-for="e in PerformanceTemplateSettingParams.monthList.value" :value="e.value">{{e.label}}</a-select-option>

                                </a-select>
                            </a-form-item>
                            <a-button v-on:click="PerformanceTemplateSettingParams.queryList" type="primary">查询</a-button>
                        </a-form>
                    </a-row>*@

                            <div class="flex w-full mt-0">
                                <a-card :bordered="true" class="w-full  mt-0">
                                    <template #title>
                                        <div class="w-full flex justify-between items-center">
                                            <div class="flex items-center">
                                                月度模板列表
                                            </div>

                                            <a-space v-if="PerformanceTemplateSettingParams.levelType.value==1">
                                                @*<a-button v-on:click="PerformanceTemplateSettingParams.getTemplate()" type="primary" success>模版预览</a-button>*@
                                                <a-button v-on:click="PerformanceTemplateSettingParams.handleDialog(0,1,true)" type="primary">添加月度模板</a-button>
                                            </a-space>


                                        </div>



                                    </template>


                                    <a-table v-on:change="PerformanceTemplateSettingParams.handleTableChange" :loading="PerformanceTemplateSettingParams.pagination.value.loading" :pagination="PerformanceTemplateSettingParams.pagination.value" :data-source="PerformanceTemplateSettingParams.MdataSource.value" :columns="PerformanceTemplateSettingParams.Mcolumns.value">

                                    </a-table>

                                </a-card>

                            </div>

                        </div>

                        <a-tabs v-else style="height:100%;width:100%;box-sizing:border-box" v-on:tab-click="PerformanceTemplateSettingParams.tabClick" v-model:active-key="PerformanceTemplateSettingParams.cIndex.value" class="w-full  h-[48px] text-[13px] rounded-lg  bg-white">
                            <a-tab-pane v-for="(e,i) in PerformanceTemplateSettingParams.tabList.value" :key="e.value" :tab="e.label">
                                <div class="w-full h-min-[108px] bg-white py-8">
                                    <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                                    <a-row>
                                        <a-form layout="inline"
                                                :model="PerformanceTemplateSettingParams.queryParams.value">
                                            <a-form-item label="年份">
                                                <a-select v-model:value="PerformanceTemplateSettingParams.queryParams.value.year"
                                                          style="width:253px">
                                                    <a-select-option v-for="e in PerformanceTemplateSettingParams.yearList.value" :value="e.value">{{e.label}}</a-select-option>

                                                </a-select>
                                            </a-form-item>
                                            <a-button v-on:click="PerformanceTemplateSettingParams.queryList" type="primary">查询</a-button>
                                        </a-form>
                                    </a-row>

                                    <div class="flex w-full mt-10">
                                        <a-card :bordered="true" class="w-full  mt-12">
                                            <template #title>
                                                <div class="w-full flex justify-between items-center">
                                                    <div class="flex items-center">
                                                        <a-button v-if="PerformanceTemplateSettingParams.levelType.value!=1" v-on:click="PerformanceTemplateSettingParams.return" type="primary" class="mr-5">返回</a-button>  <div>{{PerformanceTemplateSettingParams.tabList.value.find(e=>e.value==PerformanceTemplateSettingParams.cIndex.value).label}}（<span v-if="PerformanceTemplateSettingParams.levelType.value==1">一级指标</span><span v-if="PerformanceTemplateSettingParams.levelType.value==2">二级指标</span><span v-if="PerformanceTemplateSettingParams.levelType.value==3">内容指标</span>）</div>
                                                    </div>

                                                    <a-space v-if="PerformanceTemplateSettingParams.levelType.value==1">
                                                        <a-button v-on:click="PerformanceTemplateSettingParams.getTemplate()" type="primary" success>模版预览</a-button>
                                                        <a-button v-on:click="PerformanceTemplateSettingParams.handleDialog(0,1)" type="primary">添加一级指标</a-button>
                                                    </a-space>

                                                    <a-button v-if="PerformanceTemplateSettingParams.levelType.value==2" v-on:click="PerformanceTemplateSettingParams.handleDialog(0,2)" type="primary">添加二级指标</a-button>
                                                    <a-button v-if="PerformanceTemplateSettingParams.levelType.value==3" v-on:click="PerformanceTemplateSettingParams.handleDialog(0,3)" type="primary">添加内容</a-button>
                                                </div>



                                            </template>


                                            <a-table v-on:change="PerformanceTemplateSettingParams.handleTableChange" :loading="PerformanceTemplateSettingParams.pagination.value.loading" :pagination="PerformanceTemplateSettingParams.pagination.value" :data-source="PerformanceTemplateSettingParams[`dataSource${PerformanceTemplateSettingParams.levelType.value}`].value" :columns="PerformanceTemplateSettingParams[`columns${PerformanceTemplateSettingParams.levelType.value}`].value">

                                            </a-table>

                                        </a-card>

                                    </div>

                                </div>
                            </a-tab-pane>
                        </a-tabs>

                    </a-tab-pane>


                </a-tabs>







                @*年度标题弹窗*@
            <a-modal v-model:open="PerformanceTemplateSettingParams.open.value" width="1000px" :title="PerformanceTemplateSettingParams.cDateIndex.value==1? {1:'一级指标信息',2:'二级指标信息',3:'内容指标信息'}[PerformanceTemplateSettingParams.levelType.value]:'月度考核模板'" v-on:ok="PerformanceTemplateSettingParams.handleOk">

                <a-spin :spinning="PerformanceTemplateSettingParams.pagination.value.loading" tip="数据加载中" />

                <div v-if="PerformanceTemplateSettingParams.cDateIndex.value==1" style="padding-top:20px">
                    <a-form ref="formRef"
                            layout="horizontal"
                            v-if="PerformanceTemplateSettingParams.levelType.value==1"
                            :model="PerformanceTemplateSettingParams.formState.value"
                            :rules="PerformanceTemplateSettingParams.rules.value"
                            :label-col="{ span:8}"
                            :wrapper-col="{ span: 12 }">
                        <a-row>
                            <a-col :span="24">
                                <a-form-item :label-col="{ span:3}"
                                             :wrapper-col="{ span: 16 }" label="年份" name="Years">
                                    <a-select style="width:100%" :disabled="PerformanceTemplateSettingParams.opType.value==2"
                                              v-model:value="PerformanceTemplateSettingParams.formState.value.Years"
                                              :options="PerformanceTemplateSettingParams.yearList.value">

                                    </a-select>
                                </a-form-item>
                            </a-col>

                        </a-row>


                        <a-row>
                            <a-col :span="10">
                                <a-form-item label="一级标题" name="CategoryName">
                                    <a-input style="width:150px" :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState.value.CategoryName" />
                                </a-form-item>
                            </a-col>
                            <a-col :span="2"></a-col>
                            <a-col :span="12">

                                <a-form-item label="排序" name="SortBy">
                                    <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState.value.SortBy" :min="0" :max="100" />
                                </a-form-item>
                            </a-col>
                        </a-row>

                        <a-row>
                            <a-col :span="10">
                                <a-form-item label="计算方式" name="CalcType">
                                    <a-radio-group v-model:value="PerformanceTemplateSettingParams.formState.value.CalcType">
                                        <a-radio :value="0">扣分</a-radio>
                                        <a-radio :value="1">加分</a-radio>

                                    </a-radio-group>
                                </a-form-item>
                            </a-col>
                            <a-col :span="2"></a-col>
                            <a-col :span="12">

                                <a-form-item label="分数" name="Score">
                                    <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState.value.Score" :formatter="value => `${value}分`"
                                                    :parser="value => value.replace('分', '')" :min="0" :max="100" />
                                </a-form-item>
                            </a-col>
                        </a-row>



                    </a-form>


                    <a-form ref="formRef"
                            v-if="PerformanceTemplateSettingParams.levelType.value==2"
                            layout="horizontal"
                            :model="PerformanceTemplateSettingParams.formState2.value"
                            :rules="PerformanceTemplateSettingParams.rules2.value"
                            :label-col="{ span: 8 }"
                            :wrapper-col="{ span: 12 }">

                        <a-row>
                            <a-col :span="10">
                                <a-form-item label="二级标题" name="SubCategoryName">
                                    <a-input :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState2.value.SubCategoryName" />
                                </a-form-item>
                            </a-col>
                            <a-col :span="2"></a-col>
                            <a-col :span="12">

                                <a-form-item label="排序" name="SortBy">
                                    <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState2.value.SortBy" :min="0" :max="100" />
                                </a-form-item>
                            </a-col>
                        </a-row>

                        <a-row>
                            <a-col :span="10">
                                <a-form-item label="计算方式" name="CalcType">
                                    <a-radio-group disabled v-model:value="PerformanceTemplateSettingParams.CalcType.value">
                                        <a-radio :value="0">扣分</a-radio>
                                        <a-radio :value="1">加分</a-radio>

                                    </a-radio-group>
                                </a-form-item>
                            </a-col>
                            <a-col :span="2"></a-col>
                            <a-col :span="12">

                                <a-form-item label="分数" name="Score">
                                    <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState2.value.Score" :formatter="value => `${value}分`"
                                                    :parser="value => value.replace('分', '')" :min="0" :max="100" />
                                </a-form-item>
                            </a-col>
                        </a-row>



                    </a-form>

                    <a-form ref="formRef"
                            layout="horizontal"
                            v-if="PerformanceTemplateSettingParams.levelType.value==3"
                            :model="PerformanceTemplateSettingParams.formState3.value"
                            :rules="PerformanceTemplateSettingParams.rules3.value"
                            label-align="left">
                        <a-form-item :label-col="{ span:4 }"
                                     :wrapper-col="{ span: 20 }" label="排序" name="SortBy">
                            <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.SortBy" :min="0" :max="100" />
                        </a-form-item>
                        <a-form-item :label-col="{ span:4 }"
                                     :wrapper-col="{ span: 20 }" label="计算方式" name="CalcType">
                            <a-radio-group disabled v-model:value="PerformanceTemplateSettingParams.CalcType.value">
                                <a-radio :value="0">扣分</a-radio>
                                <a-radio :value="1">加分</a-radio>

                            </a-radio-group>
                        </a-form-item>
                        <a-form-item :label-col="{ span:4 }"
                                     :wrapper-col="{ span: 20 }" label="分数" name="Score">
                            <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.Score" :min="0" :max="100" />
                        </a-form-item>



                        <a-form-item :label-col="{ span:4 }"
                                     :wrapper-col="{ span: 20 }" label="备查/佐证资料" name="Evidences">
                            <a-textarea :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.Evidences" placeholder="请输入备查/佐证资料" :rows="4" />
                        </a-form-item>
                        <a-form-item :label-col="{ span:4 }"
                                     :wrapper-col="{ span: 20 }" label="考核内容" name="CheckContent">
                            <a-textarea :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.CheckContent" placeholder="请输入考核内容" :rows="4" />
                        </a-form-item>

                        <a-form-item :label-col="{ span:4 }"
                                     :wrapper-col="{ span: 20 }" label="考核方式" name="MethodType">
                            <a-textarea :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.MethodType" placeholder="请输入考核方式" :rows="4" />
                        </a-form-item>




                    </a-form>


                </div>

                <div v-else>

                    <a-form ref="formRef"
                            style="margin-top:30px"
                            :label-col="{ style: { width: '120px' } }" :wrapper-col="{ span: 14 }"
                            :model="PerformanceTemplateSettingParams.formState4.value"
                            :rules="PerformanceTemplateSettingParams.rules4.value">


                        <a-form-item label="模块名称" name="CheckContent">
                            <a-input style="width: 200px" :disabled="PerformanceTemplateSettingParams.opType.value==2" placeholder="请输入模块名称" v-model:value="PerformanceTemplateSettingParams.formState4.value.CheckContent">
                            </a-input>

                        </a-form-item>
                        <a-form-item label="排序" name="SortBy">
                            <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState4.value.SortBy" :min="0" :max="100" />
                        </a-form-item>

                    </a-form>

                    @*<table class="stable">
                <tr>
                    <th>序号</th>
                    <th>应用模块</th>
                    <th style="width:160px"><a-button v-on:click="PerformanceTemplateSettingParams.handleAdd" type="primary">新增</a-button></th>

                </tr>
                <tr v-for="(e,i) in PerformanceTemplateSettingParams.settingList.value" :key="i">
                    <td>
                        {{i+1}}
                    </td>
                    <td>
                        <a-input style="max-width: 96%; min-width: 50%" v-model:value="e.CheckContent">
                        </a-input>

                    </td>
                    <td>
                        <a-button type="primary" danger>删除</a-button>
                    </td>

                </tr>
            </table>*@



                </div>

            </a-modal>
                @*年度标题弹窗*@
                @*月度标题弹窗*@
                @*<a-modal v-model:open="PerformanceTemplateSettingParams.open.value" width="800px" :title="{1:'一级指标信息',2:'二级指标信息',3:'内容指标信息'}[PerformanceTemplateSettingParams.levelType.value]" v-on:ok="PerformanceTemplateSettingParams.handleOk">
            <div style="padding-top:20px">
                <a-form ref="formRef"
                        layout="horizontal"
                        v-if="PerformanceTemplateSettingParams.levelType.value==1"
                        :model="PerformanceTemplateSettingParams.formState.value"
                        :rules="PerformanceTemplateSettingParams.rules.value"
                        :label-col="{ span:8}"
                        :wrapper-col="{ span: 12 }">
                    <a-row>
                        <a-col :span="24">
                            <a-form-item :label-col="{ span:3}"
                                         :wrapper-col="{ span: 16 }" label="年份" name="Years">
                                <a-select style="width:100%" :disabled="PerformanceTemplateSettingParams.opType.value==2"
                                          v-model:value="PerformanceTemplateSettingParams.formState.value.Years"
                                          :options="PerformanceTemplateSettingParams.yearList.value">

                                </a-select>
                            </a-form-item>
                        </a-col>

                    </a-row>


                    <a-row>
                        <a-col :span="10">
                            <a-form-item label="一级标题" name="CategoryName">
                                <a-input style="width:150px" :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState.value.CategoryName" />
                            </a-form-item>
                        </a-col>
                        <a-col :span="2"></a-col>
                        <a-col :span="12">

                            <a-form-item label="排序" name="SortBy">
                                <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState.value.SortBy" :min="0" :max="100" />
                            </a-form-item>
                        </a-col>
                    </a-row>

                    <a-row>
                        <a-col :span="10">
                            <a-form-item label="计算方式" name="CalcType">
                                <a-radio-group v-model:value="PerformanceTemplateSettingParams.formState.value.CalcType">
                                    <a-radio :value="0">扣分</a-radio>
                                    <a-radio :value="1">加分</a-radio>

                                </a-radio-group>
                            </a-form-item>
                        </a-col>
                        <a-col :span="2"></a-col>
                        <a-col :span="12">

                            <a-form-item label="分数" name="Score">
                                <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState.value.Score" :formatter="value => `${value}分`"
                                                :parser="value => value.replace('分', '')" :min="0" :max="100" />
                            </a-form-item>
                        </a-col>
                    </a-row>



                </a-form>


                <a-form ref="formRef"
                        v-if="PerformanceTemplateSettingParams.levelType.value==2"
                        layout="horizontal"
                        :model="PerformanceTemplateSettingParams.formState2.value"
                        :rules="PerformanceTemplateSettingParams.rules2.value"
                        :label-col="{ span: 8 }"
                        :wrapper-col="{ span: 12 }">

                    <a-row>
                        <a-col :span="10">
                            <a-form-item label="二级标题" name="SubCategoryName">
                                <a-input :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState2.value.SubCategoryName" />
                            </a-form-item>
                        </a-col>
                        <a-col :span="2"></a-col>
                        <a-col :span="12">

                            <a-form-item label="排序" name="SortBy">
                                <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState2.value.SortBy" :min="0" :max="100" />
                            </a-form-item>
                        </a-col>
                    </a-row>

                    <a-row>
                        <a-col :span="10">
                            <a-form-item label="计算方式" name="CalcType">
                                <a-radio-group disabled v-model:value="PerformanceTemplateSettingParams.CalcType.value">
                                    <a-radio :value="0">扣分</a-radio>
                                    <a-radio :value="1">加分</a-radio>

                                </a-radio-group>
                            </a-form-item>
                        </a-col>
                        <a-col :span="2"></a-col>
                        <a-col :span="12">

                            <a-form-item label="分数" name="Score">
                                <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState2.value.Score" :formatter="value => `${value}分`"
                                                :parser="value => value.replace('分', '')" :min="0" :max="100" />
                            </a-form-item>
                        </a-col>
                    </a-row>



                </a-form>

                <a-form ref="formRef"
                        layout="horizontal"
                        v-if="PerformanceTemplateSettingParams.levelType.value==3"
                        :model="PerformanceTemplateSettingParams.formState3.value"
                        :rules="PerformanceTemplateSettingParams.rules3.value"
                        label-align="left">
                    <a-form-item :label-col="{ span:4 }"
                                 :wrapper-col="{ span: 20 }" label="排序" name="SortBy">
                        <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.SortBy" :min="0" :max="100" />
                    </a-form-item>
                    <a-form-item :label-col="{ span:4 }"
                                 :wrapper-col="{ span: 20 }" label="计算方式" name="CalcType">
                        <a-radio-group disabled v-model:value="PerformanceTemplateSettingParams.CalcType.value">
                            <a-radio :value="0">扣分</a-radio>
                            <a-radio :value="1">加分</a-radio>

                        </a-radio-group>
                    </a-form-item>
                    <a-form-item :label-col="{ span:4 }"
                                 :wrapper-col="{ span: 20 }" label="分数" name="Score">
                        <a-input-number :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.Score" :min="0" :max="100" />
                    </a-form-item>



                    <a-form-item :label-col="{ span:4 }"
                                 :wrapper-col="{ span: 20 }" label="备查/佐证资料" name="Evidences">
                        <a-textarea :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.Evidences" placeholder="请输入备查/佐证资料" :rows="4" />
                    </a-form-item>
                    <a-form-item :label-col="{ span:4 }"
                                 :wrapper-col="{ span: 20 }" label="考核内容" name="CheckContent">
                        <a-textarea :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.CheckContent" placeholder="请输入考核内容" :rows="4" />
                    </a-form-item>

                    <a-form-item :label-col="{ span:4 }"
                                 :wrapper-col="{ span: 20 }" label="考核方式" name="MethodType">
                        <a-textarea :disabled="PerformanceTemplateSettingParams.opType.value==2" v-model:value="PerformanceTemplateSettingParams.formState3.value.MethodType" placeholder="请输入考核方式" :rows="4" />
                    </a-form-item>




                </a-form>


            </div>

        </a-modal>*@
                @*月度标题弹窗*@




                <a-modal v-model:open="PerformanceTemplateSettingParams.confirmShow.value" title="温馨提示" v-on:ok="PerformanceTemplateSettingParams.handleconfirmOk">
                    <p>确定删除此数据 ？</p>

                </a-modal>


                <a-modal v-model:open="PerformanceTemplateSettingParams.fileOpen.value" width="800px" title="附件信息" v-on:ok="()=>{}">
                    <div style="padding-top:20px">
                        附件
                    </div>
                </a-modal>
            </header>
        </a-config-provider>
        </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/templateSetting.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformanceTemplateSetting', Composition, localeValues)
    </script>

}
